#{$prefix}main {
    &-left {

        #{$prefix}menus {
            background-color: $classics-menus-background-color !important;
        }

        .el-menu,
        .el-menu--vertical {
            background-color: $classics-menus-background-color;

            .el-menu-item,
            .el-submenu__title {
                color: $classics-menus-menu-color;

                &:focus,
                &:active,
                &:hover {
                    background: $classics-menus-menu-hover-background-color !important;
                    color: $classics-menus-menu-hover-color !important;
                }

                &.is-active {
                    background: $classics-menus-menu-active-background-color !important;
                    color: $classics-menus-menu-active-color !important;
                }
            }
        }
    }
}